新增資料到 Supabase， 以華國美學影像資料檔為例：
建立(Create) 新的資料到 Supabase 資料庫：

 const {data, error} = await supabaseAdmin.
      from("images").
      insert([ 
        {
	      id: "23",
	      title: title
          .....
          } ]);

在 components 目錄新增 Twimg.js 內容如下：

import React, { useState } from 'react'
import { supabaseAdmin } from "../client"

function Twimg() {
  
  const [title, setTitle] = useState(null);

  // create one row
  async function handleSubmit(e) {
    e.preventDefault();
    console.log(title)	
    const {data, error} = await supabaseAdmin.
      from("images").
      insert([ 
        {
	  id: "23",
	  title: title} ]);
        }

  return (
    <div>
      <form action="" onSubmit={e => handleSubmit(e)}>
        <input type="text" value={title} onChange = {e => setTitle(e.target.value)} />

        <button type="submit">Submit</button>
      </form>
    </div>
  )
}

export default Twimg

修改 /pages/index.js，加入 Twimg 元件。
進入 localhost:3000，新增資料，到 Supabase 看結果。